﻿

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>HTML5 canvas - Image color picker | Script Tutorials</title>
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</head>
<body>
    <div class="container">
        <div class="column1">
            <canvas id="panel" width="500" height="333"></canvas>
        </div>
        <div class="column2">
            <div><input type="button" value="Next image" id="swImage" /></div>
            <div>Preview:</div>
            <div id="preview"></div>
            <div>Color:</div>
            <div>R: <input type="text" id="rVal" /></div>
            <div>G: <input type="text" id="gVal" /></div>
            <div>B: <input type="text" id="bVal" /></div>
            <div>RGB: <input type="text" id="rgbVal" /></div>
            <div>RGBA: <input type="text" id="rgbaVal" /></div>
            <div>HEX: <input type="text" id="hexVal" /></div>
            <hr />
        </div>
        <div style="clear:both;"></div>
    </div>
    <!--<footer>
    </footer>-->
</body>
</html>